<template>
  <AppPage>
    <!--标题-->
    <h2 class="c-[#7b7b7b] text-center">华音书屋</h2>
    <n-card :bordered="false">
      <nut-tabs v-model="loginTab" mt-30 background="none">
        <nut-tab-pane title="验证码登录">
          <n-card :bordered="false" content-style="padding: 0;">
            <nut-form>
              <nut-form-item>
                <nut-input v-model="codeLoginInfo.phoneNumber" class="nut-input-text" placeholder="请输入手机号" type="number" />
              </nut-form-item>
              <nut-form-item>
                <nut-input v-model="codeLoginInfo.code" placeholder="请输入短信验证码" clearable>
                  <template #right>
                    <nut-button color="#36ad6a" size="mini" @click="sendSMSCode">{{ codeNum === 0 ? '发送验证码' : `(${codeNum})发送验证码` }}</nut-button>
                  </template>
                </nut-input>
              </nut-form-item>
            </nut-form>
            <nut-button block color="#fcd006" class="text-white fw-600 rd-30" @click="codeLoginEvent"> 验证码登录 </nut-button>
          </n-card>
        </nut-tab-pane>
        <nut-tab-pane title="密码登录">
          <n-card :bordered="false" content-style="padding: 0;">
            <nut-form>
              <nut-form-item>
                <nut-input v-model="passwordLoginInfo.parameter" class="border-none" placeholder="请输入用户名或手机号码" type="text" />
              </nut-form-item>
              <nut-form-item>
                <nut-input v-model="passwordLoginInfo.password" placeholder="请输入密码" type="password" clearable />
              </nut-form-item>
            </nut-form>
            <nut-button block color="#36ad6a" class="text-white fw-600 rd-30" @click="passwordLoginEvent"> 账号密码登录 </nut-button>
          </n-card>
        </nut-tab-pane>
        <nut-tab-pane title="注册">
          <n-card :bordered="false" content-style="padding: 0;">
            <nut-form>
              <nut-form-item>
                <nut-input v-model="registerInfo.username" class="nut-input-text" placeholder="请输入用户名" />
              </nut-form-item>
              <nut-form-item>
                <nut-input v-model="registerInfo.password" placeholder="请输入密码" clearable type="password" />
              </nut-form-item>
            </nut-form>
            <nut-button block color="#0078e6" class="fw-600 rd-30" @click="register"> 注册 </nut-button>
          </n-card>
        </nut-tab-pane>
      </nut-tabs>
      <div flex>
        <nut-checkbox v-model="agreeCheck" />
        <p>登录代表您已同意<span text-red @click="agreePopup = true">《用户服务协议》</span></p>
      </div>
    </n-card>
    <!-- 服务协议 -->
    <nut-popup v-model:visible="agreePopup" position="bottom" closeable round :style="{ height: '70vh' }">
      <div class="common_service_container">
        <div class="common_service_title">
          <strong><span style="font-size: 1.5em">华音有声用户服务协议</span></strong>
        </div>
        <p class="common_service_p_title">欢迎您使用《华音有声》软件及服务！</p>
        <p class="common_service_p">
          为使用华音有声的服务（以下简称“本服务”），用户应当阅读并遵守《华音有声用户服务协议》（以下简称“本协议”）。“用户”是指使用华音有声相关服务的使用人，包含注册用户和非注册用户，在本协议中更多地称为“您”。请您务必审慎阅读、充分理解各条款内容，<strong
            >特别是免除或者限制责任的条款、知识产权条款、法律适用及争议解决的条款等。上述条款均添加粗体标识，请您务必重点阅读。请您确认，您应当具备中华人民共和国法律规定的与您行为相适应的民事行为能力，确保有能力对您使用华音有声提供服务的一切行为独立承担责任。如您不同意本服务条款任意内容，请不要注册或使用华音有声提供的服务。如您通过进入注册程序并勾选“我已阅读并同意华音有声用户服务协议”，即表示您与华音有声平台已达成协议，自愿接受本服务条款的所有内容。如果您在18周岁以下，您只能在父母或其他监护人的监护参与下才能使用华音有声。</strong
          >
        </p>
        <p class="common_service_p_title">一、服务协议的确认和变更</p>
        <p class="common_service_p">
          1.
          本协议是平台用户(包括个人、企业及其他组织)与华音有声的经营者“秦皇岛节点文化传媒有限公司”之间就平台服务相关事宜所订立的法律契约。请您在访问和注册、使用华音有声提供的网络服务前仔细阅读本协议，用户登录、访问或注册、使用华音有声提供的网络服务，将视为用户同意并接受“本协议”全部条款的约束及后续更新版本的约束。华音有声的任何公告、规则、协议、公示等规则性内容，均视为本协议不可分割的组成部分。当规则性内容相互冲突时，以最新的规则性内容为准。
        </p>
        <p class="common_service_p">
          2.
          平台将根据互联网的发展和中华人民共和国有关法律、法规的变化，不断地完善服务质量并依此修改服务条款，并对服务的内容、期限、费用等进行合理变更。如变更、中断或终止的服务属于免费网络服务，华音有声无需通知用户，也无需对任何用户或任何第三方承担任何责任；如变更、中断或终止的网络服务属于收费服务，华音有声将在变更、中断或终止之前事先通知用户，并向受影响的用户提供合理解决方案。
        </p>
        <p class="common_service_p">
          3.
          用户告知：华音有声需要定期或不定期地对提供网络服务的平台（如互联网网站、移动网络等）或相关的设备进行检修或者维护，如因此类情况而造成收费网络服务在合理时间内的中断，华音有声无需为此承担任何责任，但华音有声应尽可能事先进行通告。
        </p>
        <p class="common_service_p_title">二、平台服务内容</p>
        <p class="common_service_p">
          华音有声是一个为用户提供有声书音像制品的文化传媒平台。平台为用户提供在线畅听有声书、信息服务等功能的服务，用户需注册华音有声账号并支付费用后方可进行有声书等音像制品的收听及接受付款有声书等音像制品的相关服务。请用户务必在规定时限内完成有声书的收听，因用户个人原因在规定时限内未能完整的收听有声书作品，超过规定时限后无法继续收听的，由此导致的不利后果由用户自行承担。
        </p>
        <p class="common_service_p">用户因进行交易、获取有偿服务或接触华音有声服务而发生的所有应纳税赋，以及一切硬件、软件、服务及其它方面的费用均由用户负责支付。</p>
        <p class="common_service_p_title">三、平台使用规范</p>
        <p class="common_service_p">1、用户在申请使用华音有声网络服务时，必须向华音有声提供必要且准确的个人资料，如个人必要资料有任何变动，请务必及时更新。</p>
        <p class="common_service_p">
          2、华音有声账号所有权归秦皇岛节点文化传媒有限公司所有，用户仅拥有华音有声的有限使用权。用户需对其享有使用权的账号下所从事的所有行为承担责任，并应妥善保管本人的账号、密码，不得将华音有声账号转让、出借、出租、售卖或分享他人使用，否则华音有声有权选择根据实际情况暂时封停或永久查封此账号。当用户的账号或密码遭到未经授权的使用时，用户应当立即通知华音有声，否则未经授权的使用行为均视为用户本人的行为。华音有声为了保障用户的账号安全，可能会定期或不定期采用不同的方式对用户的身份进行验证，包括但不限于要求输入验证码、短消息验证等。如用户无法完成验证或拒绝验证的，华音有声可合理怀疑用户的账号出现异常或被盗，并暂停向用户提供产品与服务或采取进一步措施。因黑客行为或用户的保管疏忽导致平台用户帐号、密码遭他人非法使用，华音有声不承担任何责任。
        </p>
        <p class="common_service_p">
          3、用户同意华音有声有权在提供网络服务过程中以各种方式投放各种商业性广告或其他任何类型的商业信息（包括但不限于在华音有声的任何页面上投放广告），且用户同意接受华音有声通过电子邮件或其他方式向用户发送商品促销或其他相关商业信息。
        </p>
        <p class="common_service_p">4、用户在使用华音有声网络服务过程中，必须遵循以下原则：</p>
        <p class="common_service_p">
          4.1
          用户在使用华音有声的产品或服务过程中，应遵守宪法法律，包括但不限于《中华人民共和国保守国家秘密法》、《中华人民共和国著作权法》、《中华人民共和国计算机信息系统安全保护条例》、《计算机软件保护条例》、《互联网电子公告服务管理规定》、《信息网络传播权保护条例》、《网络安全法》等有关计算机及互联网规定的法律、法规；应遵守公共秩序，尊重社会公德，不得危害网络安全，不得利用网络从事危害国家安全、荣誉和利益，煽动颠覆国家政权、推翻社会主义制度，煽动分裂国家、破坏国家统一，宣扬恐怖主义、极端主义，宣扬民族仇恨、民族歧视，传播暴力、淫秽色情信息，编造、传播虚假信息扰乱经济秩序和社会秩序，以及侵害他人名誉、隐私、知识产权和其他合法权益等活动。在任何情况下，华音有声一旦合理地认为用户存在上述行为的，可以在任何时候，不经事先通知终止向该用户提供产品或服务；
        </p>
        <p class="common_service_p">4.2 遵守所有与网络服务有关的网络协议、规定和程序；</p>
        <p class="common_service_p">4.3 不得为任何非法目的而使用网络服务系统；</p>
        <p class="common_service_p">4.4 不得以任何形式使用华音有声网络服务侵犯平台的商业利益，包括但不限于发布非经华音有声许可的商业广告；</p>
        <p class="common_service_p">4.5 不得利用华音有声网络服务系统进行任何可能对互联网或移动网正常运转造成不利影响的行为；</p>
        <p class="common_service_p">4.6 不得利用华音有声提供的网络服务上传、展示或传播任何虚假的、骚扰性的、中伤他人的、辱骂性的、恐吓性的、庸俗淫秽的或其他任何非法信息资料；</p>
        <p class="common_service_p">4.7 不得侵犯其他任何第三方的专利权、著作权、商标权、名誉权或其他任何合法权益；</p>
        <p class="common_service_p">4.8 不得利用华音有声网络服务系统进行任何不利于华音有声的行为；</p>
        <p class="common_service_p">
          5、华音有声有权对用户使用华音有声服务的情况进行审查和监督。如用户在使用网络服务时违反任何上述规定，华音有声或其授权的人有权要求用户改正或直接采取一切必要的措施（包括但不限于更改或删除用户张贴的内容、暂停或终止用户使用网络服务的权利等）以减轻用户不当行为造成的影响。
        </p>
        <p class="common_service_p">
          6、华音有声通过各种方式（包括但不限于网页公告、电子邮件、短信提醒等）作出的任何声明、通知、警示等内容视为本协议的一部分，用户如使用以上华音有声网络服务，视为用户同意以上声明、通知、警示的内容。
        </p>
        <p class="common_service_p">7、凡用户昵称中出现如下信息者（包括但不限于），论坛有权进行屏蔽、锁定，甚至注销：</p>
        <p class="common_service_p">7.1 使用严重违反国家法律法规及风序良俗，包含或暗藏反动、色情等信息（含符号、地址等）的昵称；</p>
        <p class="common_service_p">7.2 使用党和国家领导人、古今中外比较有影响的名人、网络上知名人士的真实姓名、字、号、艺名、笔名、头衔等为昵称；</p>
        <p class="common_service_p">7.3 使用国家机构、企事业单位、知名公司或品牌的名称及标识为昵称；</p>
        <p class="common_service_p">7.4 含性别歧视、种族歧视、地域歧视等信息的昵称；</p>
        <p class="common_service_p">7.5 含自侮辱、猥亵或者对他人进行侮辱、挑衅、漫骂、人身攻击等不文明、不健康信息的昵称；</p>
        <p class="common_service_p">7.6 含易产生歧义、引起他人误解的信息的昵称；</p>
        <p class="common_service_p">7.7 未获得华音有声官方正式许可而使用带有华音有声名称的昵称；</p>
        <p class="common_service_p">7.8 带有明显广告性质的昵称；</p>
        <p class="common_service_p">7.9 带有其它法律法规以及论坛禁止规则中所包含信息的昵称。</p>
        <p class="common_service_p_title">四、双方权利与义务</p>
        <p class="common_service_p">
          1.
          用户必须为自己账号下发生的一切行为负责。用户须保证在平台的所有行为，包括但不限于发布、传播相关内容符合法律法规、相关政策等；平台不定时更新的声明、规则、公告，符合公序良俗等基本社会规范。
        </p>
        <p class="common_service_p">
          2.
          用户承诺：对于购买的收费音频制品，您只可以私人收听。用户不能利用平台内容进行复制、销售、传播或其他除本服务外的商业用途。如因用户将华音有声收费音像制品部分或者全部公开展示而造成音像制品泄露，侵害其他消费者与平台的权利时，平台有权立即暂停您的收听看利，同时根据造成的实际损失向您索赔；平台保留追究音像制品泄露者的法律责任的权利。
        </p>
        <p class="common_service_p">
          3.
          用户承诺，不将有关干扰、破坏或限制任何计算机软件、硬件或通讯设备功能的软件病毒或其他计算机代码、档案和程序之资料，加以上传、张贴、发送电子邮件或以其他方式传送；不以技术方式攻击或破坏或改变平台的部分或全部、或干扰其运行；不以非法方式获取或使用平台的任何软件、代码或其他技术或商业信息；不对平台运行的任何程序进行反向工程、反向编译、反向汇编或改写。
        </p>
        <strong>
          <p class="common_service_p">4. 华音有声有权视情节严重情况，对违反本协议的用户采取以下一种或多种措施进行处罚：</p>
          <p class="common_service_p">（1）暂停/终止提供全部或部分服务；</p>
          <p class="common_service_p">（2）删除违规内容；</p>
          <p class="common_service_p">（3）暂时/永久封禁账号；</p>
          <p class="common_service_p">（4）扣除、清空部分或全部虚拟财产；</p>
          <p class="common_service_p">
            5.
            若平台认为用户账号内的虚拟财产（包括但不限于虚拟币等）来源明显异常，有权对账号进行暂时冻结并进行调查。如调查后判定存在虚拟财产来源明显异常情形，则有权将来源异常部分进行没收，情节严重者将进行账号封禁；来源明显异常情形包含但不限于：非平台认可的渠道充值或购买，利用系统BUG、漏洞或外挂获得，其他非正当方式来源获得等。
          </p>
          <p class="common_service_p">
            6.
            用户违反本协议，导致第三方向华音有声及其关联公司、合作公司提出索赔等要求的，用户同意承担全部法律责任，包括但不限于赔偿金、罚金、和解费、诉讼仲裁费、合理的律师费支出等，并同意赔偿因此给华音有声造成的损害。用户承担赔偿责任的方式包括但不限于根据平台的书面通知向平台支付与损失等额的资金、以累计的虚拟财产抵偿相关损失等。
          </p>
        </strong>
        <p class="common_service_p">
          7.
          如因政府部门的要求或华音有声发现用户涉嫌侵犯他人知识产权或其他合法权益时，华音有声有权依法向政府部门或合法权利人披露用户的全部登记信息及在平台的所有使用数据及相关信息等。
        </p>
        <p class="common_service_p">
          8.
          秦皇岛节点文化传媒有限公司不行使、未能及时行使或者未充分行使本条款或者按照法律规定所享有的权利，不应被视为放弃该权利，也不影响秦皇岛节点文化传媒有限公司公司在将来行使该权利。
        </p>
        <p class="common_service_p_title">五、付费服务</p>
        <p class="common_service_p">
          华音有声可能涉及其他会员服务，有声书等付费服务，付费方式包括但不限于微信支付、使用虚拟币购买华音有声服务等。一旦您购买了华音有声的任何收费服务，即视为您认可该项服务标明之价格，自愿承担日后价格变动的风险；您购买成功后，该项服务即时生效。具体每项服务的收费标准及服务内容以平台具体标价为准。
        </p>
        <p class="common_service_p">
          用户购买会员服务，声书等付费服务后，即享有该服务完整使用的权力，由于会员服务，精品有声书的特殊形式，一旦付费服务权限开通后，平台不再接受用户退费的申请（但华音有声发生技术原因除外，包括但不限于有声书无法正常播放、购买会员没有开启等）。用户应当在平台规定的收听时间及期限内及时接受平台提供的相关有声书/会员服务，如因非华音有声原因（包括但不限于用户设备故障、网络阻塞、网络断开、忘记收听等）导致未能完整接受或未能接受平台提供的相关有声书/会员服务时，用户应当自行承担相应责任并默认用户已享受相关服务且用户无权要求退还任何费用。
        </p>

        <p class="common_service_p_title">六、用户个人信息保护及授权</p>
        <p class="common_service_p">
          1.
          尊重用户个人隐私是华音有声的一项基本政策。“隐私”是指用户在注册华音有声账号时提供华音有声平台的个人身份信息，包括但不限于用户注册资料中的姓名、个人有效身份证件号码、联系方式、家庭住址等。华音有声将善意使用收集的信息，采取各项有效且必要的措施以保护您的隐私安全，并使用商业上合理的安全技术措施来保护您的隐私不被未经授权的访问、使用或泄漏，但下列情况除外：
        </p>
        <p class="common_service_p">（1）事先获得用户的明确授权；</p>
        <p class="common_service_p">（2）根据有关法律法规的要求；</p>
        <p class="common_service_p">（3）按照相关政府主管部门的要求；</p>
        <p class="common_service_p">（4）为维护社会公众的利益；</p>
        <p class="common_service_p">（5）为维护华音有声的合法权益</p>
        <p class="common_service_p">
          2.
          华音有声可能会与第三方合作向用户提供相关的网络服务，在此情况下，如该第三方同意承担与华音有声同等的保护用户隐私的责任，则用户同意华音有声有权将用户的注册资料等提供给该第三方。
        </p>
        <p class="common_service_p">
          3.
          您在使用华音有声某一特定服务时，该服务可能会另有单独的协议、相关业务规则等（以下统称为“单独协议”），您在使用该项服务前请阅读并同意相关的单独协议；您使用平台前述特定服务，即视为您已阅读并同意接受相关单独协议。
        </p>
        <p class="common_service_p">4. 您充分理解并同意：</p>
        <p class="common_service_p">
          （1）为配合行政监管机关、司法机关执行工作，在法律规定范围内华音有声有权向上述行政、司法机关提供您在使用华音有声时所储存的相关信息，包括但不限于您的注册信息等，或使用相关信息进行证据保全，包括但不限于公证、见证等;
        </p>
        <p class="common_service_p">
          （2）华音有声依法保障您在安装或使用过程中的知情权和选择权，在您使用华音有声服务过程中，涉及您设备自有功能的服务会提前征得您同意，您一经确认，华音有声有权开启包括但不限于收集地理位置、使用摄像头等提供服务必要的辅助功能。
        </p>
        <p class="common_service_p">
          （3）华音有声有权根据实际情况，在法律规定范围内自行决定个人用户在使用华音有声及服务中数据的最长储存期限以及用户日志的储存期限，并在服务器上为其分配数据最大存储空间等。
        </p>
        <p class="common_service_p_title">七、知识产权</p>
        <p class="common_service_p">
          1.
          受国际版权公约、中华人民共和国著作权法、专利法、及其他知识产权方面的法律法规的保护，华音有声的产品或服务及所使用的软件、界面、交互等元素、LOGO、商标、标识、图形、文字、音频、视频、肖像、图片、技术等的所有知识产权归华音有声所有和享有。“知识产权”包括在专利法、版权法、商标法、反不正当竞争法中等法律规定的任何和所有权利、任何和所有其它所有权以及其中的任何和所有应用、更新、扩展和恢复。
        </p>
        <p class="common_service_p">
          2.
          经由华音有声传送的文字、图片、音频、视频及其他内容，受到著作权法、商标法、专利法或其他法律的保护；未经华音有声书面授权许可，用户不得自行或许可第三方进行复制、转载、传播、修改、售卖、衍生其他作品或者从事其他侵犯华音有声知识产权的行为。用户在华音有声购买内容仅供用户个人合法使用。
        </p>
        <p class="common_service_p_title">八、特别声明</p>
        <p class="common_service_p">
          1.
          用户因平台公告之系统停机维护、升级、调整，第三方原因如电信部门的通讯设备故障、计算机病毒或黑客攻击、技术问题、网络、电脑故障、系统不稳定性、台风、地震、海啸、洪水、停电、战争、恐怖袭击、政府管制及其他各种不可抗力原因而遭受的一切损失，华音有声及其合作单位不承担责任；平台对账号上所有服务将尽力维护其安全性及方便性，但对服务中出现的信息删除或储存失败等情况不承担任何责任。因技术故障等不可抗事件影响到服务的正常运行的，平台及其合作单位承诺在第一时间内与相关单位配合，及时处理问题并对平台进行修复，但用户因此而遭受的一切损失，平台及其合作单位不承担责任。
        </p>
        <p class="common_service_p">
          2. 您购买的相关有声书/会员使用期限中包含解决故障、服务器维修、调整、升级等所需用的合理时间，对上述情况所需用的时间华音有声不予补偿并保留解释权。
        </p>
        <p class="common_service_p">
          3.
          华音有声可能会提供第三方互联网网站或资源链接，除非另有声明外，华音有声无法对上述网站或资源链接进行控制，因此由于下载、传播、使用或依赖上述网站或资源所产生的损失或损害，平台不承担任何责任。
        </p>
        <p class="common_service_p">
          4.
          华音有声帐号与服务以“现有”的状态提供给用户，华音有声明确表示不提供任何类型的担保，不论是明确的或隐含的。华音有声不担保服务一定能满足用户的要求，也不担保服务不会受中断，华音有声对服务的及时性、安全性、真实性、出错发生都不作担保。华音有声拒绝提供任何担保，包括信息能否准确、及时、顺利地传送。用户理解并接受下载或通过华音有声产品服务取得的任何信息资料取决于用户自己，并由其承担系统受损、资料丢失以及其它任何风险。华音有声对在服务网上得到的任何商品购物服务、交易进程、招聘信息等，都不作担保。
        </p>
        <p class="common_service_p_title">九、服务的中断及终止</p>
        <p class="common_service_p">
          1. 在某些罕见情况下，由于权利授权问题可能致使平台上某些收费音像制品无法收听或观看。在这种情况下，平台不能给您退费，可以根据不同情况用替换音像制品等方式给您补偿。
        </p>
        <p class="common_service_p">
          2. 如您违反本服务条款中的内容，平台有权在不通知您的情况下立即终止您已购买的所有服务，以及取消您的平台账户和使用权限，但不退还任何已缴纳的收费服务费用。
        </p>
        <p class="common_service_p_title">十、法律适用及争议解决</p>
        <p class="common_service_p">
          1.
          本协议适用中华人民共和国大陆地区施行的法律。当本协议的任何内容与中华人民共和国法律相抵触时，应当以法律规定为准，同时相关协议将按法律规定进行修改或重新解释，而本协议其他部分的法律效力不变。
        </p>
        <p class="common_service_p">
          2. 凡因本合同引起的或与本合同有关的任何争议，双方应尽量友好协商解决；协商不成时，任何一方均可向秦皇岛节点文化传媒有限公司所在地人民法院提起诉讼。
        </p>
        <p class="common_service_p">3. 在法律允许的最大范围内，秦皇岛节点文化传媒有限公司保留对本服务条款的最终解释权。</p>
        <p class="common_service_p_title">十一、其他</p>
        <p class="common_service_p">如果用户对本协议内容有任何疑问，您可通过电子邮箱tangyinwx@163.com与我们进行联系。</p>
      </div></nut-popup
    >
  </AppPage>
</template>

<script setup>
import { isEmpty, setToken } from '@/utils'
import { useUserStore } from '@/store'
import { passwordLogin, getSMSCode, codeLogin, registered } from '@/api/auth'

const userStore = useUserStore()
const router = useRouter()
const loginTab = ref(0)
const codeLoginInfo = reactive({
  phoneNumber: '',
  code: ''
})
const passwordLoginInfo = reactive({
  parameter: '',
  password: ''
})
const registerInfo = reactive({
  username: '',
  password: ''
})
const agreeCheck = ref(true) // 用户协议是否选中
const agreePopup = ref(false) // 用户协议弹出层
const codeNum = ref(0)
// 是否发送了验证码 防止连点
const isClickSend = ref(false)
// 定时器id
let clearId

/** 发送短信验证码 */
const sendSMSCode = async () => {
  if (isEmpty(codeLoginInfo.phoneNumber)) {
    $message.error('请输入手机号')
    return
  }

  if (codeNum.value > 0) return
  isClickSend.value = true
  await getSMSCode(codeLoginInfo.phoneNumber)
  codeNum.value = 60
  if (clearId) clearInterval(clearId)
  clearId = setInterval(() => {
    codeNum.value--
    if (codeNum.value === 0) {
      clearInterval(clearId)
    }
  }, 1000)
}

/** 验证码登录 */
const codeLoginEvent = async () => {
  if (isEmpty(codeLoginInfo.phoneNumber)) {
    $message.error('请输入手机号')
    return
  }
  if (isEmpty(codeLoginInfo.code)) {
    $message.error('请输入验证码')
    return
  }
  const result = await codeLogin(codeLoginInfo.phoneNumber, codeLoginInfo.code)
  userStore.setUserInfo(result.data.customerDTO)
  setToken(result.data.token)
  router.push({ name: 'home' })
}

/** 密码登录 */
const passwordLoginEvent = async () => {
  // 判断是否同意了服务协议
  if (!agreeCheck.value) {
    $message.error('请同意协议')
    return
  }

  if (isEmpty(passwordLoginInfo.parameter)) {
    $message.error('请输入用户名或手机号码')
    return
  }

  if (isEmpty(passwordLoginInfo.password)) {
    $message.error('请输入登录密码')
    return
  }
  const result = await passwordLogin(passwordLoginInfo.parameter, passwordLoginInfo.password)
  userStore.setUserInfo(result.data.customerDTO)
  setToken(result.data.token)
  router.push({ name: 'home' })
}
/** 用户注册 */
const register = async () => {
  if (isEmpty(registerInfo.username)) {
    $message.error('请输入用户名')
    return
  }

  if (isEmpty(registerInfo.password)) {
    $message.error('请输入密码')
    return
  }

  const result = await registered(registerInfo.username, registerInfo.password)
  userStore.setUserInfo(result.data.customerDTO)
  setToken(result.data.token)
  router.push({ name: 'home' })
}
onMounted(() => {
  clearInterval(clearId)
})
</script>
<style>
.nut-input--border {
  border: none;
}
</style>
